<div class="row" style="border-bottom: 1px solid #EFEFEF;">
	<div class="col-lg-12" style="padding-left:0px;padding-right:0px;">
		<h1 class="site-h1" style="border-top:1px solid #e6e6e6;">
			变更记录
		</h1>
		<#if dataEventList?? && dataEventList.content?size gt 0>
		<div id="ukefu-detail-comments">
			<div class="ukefu-workorders-detail-comment" id="ukefu-workorders-detail-comment">
				<#if dataEventList?? && dataEventList.content?size gt 0>
				<#include "/apps/business/workorders/dataevent.html">	
				</#if>
			</div>
		</div>
		<#else>
			<div class="box default-box" style="height: 100%;">
				<div class="box-body ukefu-im-theme">
					<div class="ukefu-empty">
						<i class="layui-icon"></i>
						<div style="">
							工单还没有变更记录
						</div>
					</div>	
				</div>
			</div>
		</#if>
	</div>
</div>
<script>
	$(document).ready(function() {
		layui.use(['element', 'flow'], function(){
		  	var element = layui.element ;
		  	var flow = layui.flow;
			flow.load({
			    elem: '#ukefu-detail-comments' //指定列表容器
			   	,scrollElem:".ukefu-col-right"
			    ,done: function(page, next){ //到达临界点（默认滚动触发），触发下一页
			      $.get('/apps/workorders/comments.html?orderid=${workOrders.id!''}&p='+page, function(res){
			        //假设你的列表返回在data集合中
			        
			        //执行下一页渲染，第二参数为：满足“加载更多”的条件，即后面仍有分页
			        //pages为Ajax返回的总页数，只有当前页小于总页数的情况下，才会继续出现加载更多
			        next($('#ukefu-workorders-detail-comment').append(res) , $(res).length > 0);    
			      });
			    }
			});
		});
	});
</script>